<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/newcss.css">
    <link rel="stylesheet" href="css/newstyle.css">
    <!-- <script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.min.js"></script> -->
    <script type="text/javascript">
        !window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
    </script>
    <script src="js/vue.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="js/public.js"></script>
    <title>评价服务</title>
</head>

<body style="">
<div class="wrapper">
<!-- <div class="header">
    <ul>
        <li class="header_btn_wrapper float_r"><a href="javascript:void(0)" class="header_btn up_evaluate">提交</a></li>
        <li class="header_title_wrapper">评价服务</li>
        <li class="clear"></li>
    </ul> 
</div> -->
<div class="main mg_t0">
    <div class="session evaluate evaluatevue">
        <div class="info_head" :class="{'bgimg_hsize':info.imgsize}" :style="{'background-image':'url('+info.doctor_img+')'}"></div>
        <p class="info_tit">{{info.doctor_name}}</p>
        <!-- <p class="info_star">
            <span v-for="i in 5" class="starelm2" :class="{ac:i <= info.reply_integral}" @click="tabstar(i)"></span>
        </p>
        <p class="info_star_txt"><span class="starstatus" :class="{no:info.reply_integral <=2}">{{reply_x_integral}} 分</span><span :class="{'font_orange':info.reply_integral >2}">{{info.status}}</span></p> -->
        <div>
            <div class="rows nopd"> 
                <div class="cols3">
                    <p>有效性</p>
                </div>
                <div class="cols6">
                    <p class="info_star">
                        <span v-for="i in 5" class="starelm2" :class="{ac:i <= info.reply_integral}" @click="tabstar(i,0)"></span>
                    </p>
                </div>
                <div class="cols3">
                    <p class="info_star_txt"><span class="starstatus" :class="{no:info.reply_integral <=2}">{{reply_x_integral}} 分</span></p>
                </div>
            </div>
            <div class="rows nopd">
                <div class="cols3">
                    <p>亲和力</p>
                </div>
                <div class="cols6">
                    <p class="info_star">
                        <span v-for="i in 5" class="starelm2" :class="{ac:i <= info.reply_integral1}" @click="tabstar(i,1)"></span>
                    </p>
                </div>
                <div class="cols3">
                    <p class="info_star_txt"><span class="starstatus" :class="{no:info.reply_integral1 <=2}">{{reply_x_integral1}} 分</span></p>
                </div>
            </div>
            <div class="rows nopd">
                <div class="cols3">
                    <p>服务态度</p>
                </div>
                <div class="cols6">
                    <p class="info_star">
                        <span v-for="i in 5" class="starelm2" :class="{ac:i <= info.reply_integral2}" @click="tabstar(i,2)"></span>
                    </p>
                </div>
                <div class="cols3">
                    <p class="info_star_txt"><span class="starstatus" :class="{no:info.reply_integral2 <=2}">{{reply_x_integral2}} 分</span></p>
                </div>
            </div>
            <div class="rows nopd">
                <div class="cols3">
                    <p>店内环境</p>
                </div>
                <div class="cols6">
                    <p class="info_star">
                        <span v-for="i in 5" class="starelm2" :class="{ac:i <= info.reply_integral3}" @click="tabstar(i,3)"></span>
                    </p>
                </div>
                <div class="cols3">
                    <p class="info_star_txt"><span class="starstatus" :class="{no:info.reply_integral3 <=2}">{{reply_x_integral3}} 分</span></p>
                </div>
            </div>
        </div>
        <div class="mg_b20">
            <textarea class="evaltextarea w_10" name="" id="" cols="30" rows="10" placeholder="服务的质量怎么样，店里的环境怎么样，快来说说你的感受吧！" v-model="info.reply_info"></textarea>
        </div>
        <a class="btn btn_lg bg_gold w_10" @click="check()" href="javascript:void(0)">提交评价</a>
    </div>       
</div> 
<div class="mark"></div>
<div class="pop">
    <div class="popcnt"><p>文本?</p></div>
    <div class="popbtngroup rows nopd">
        <div class="cols6 popbtn cancel"><a href="javascript:void(0)" class="popcancel">取消</a></div>
        <div class="cols6 popbtn last ok"><a href="javascript:void(0)" class="popgo">确定</a></div>
    </div>
</div> 
</div>
</div>
<script src="./js/temp.js" type="text/javascript"></script>  
</body>
</html>